
		<!-- MAIN -->
		<div class="main">
			<!-- MAIN CONTENT -->
			<div class="main-content">
				<div class="container-fluid">
					<h3 class="page-title">Tables</h3>
					<div class="row">
						<div class="col-md-12">
							<!-- BASIC TABLE -->
							<div class="panel">
								<div class="panel-heading">
									<h3 class="panel-title">Basic Table</h3>
								</div>
								<div class="panel-body">


									<table class="table">
										<thead>
											<tr>
												<td>ID</td>
												<td>用户名</td>
												<td>头像</td>
												<td>密码</td>
												<td>登入时间</td>
												<td>登出时间</td>
												<td>性别</td>
												<td>年龄</td>
												<td>手机号</td>
												<td>邮箱</td>
												<td>角色</td>
												<td>登记时间</td>
												<td>操作</td>
											</tr>
										</thead>
										<tbody>

										<?php foreach($data as $v) { 
										?>
											<tr>
												<td><?php echo $v['id']?></td>
												<td filed="username" class="db_edit"><?php echo $v['username']?></td>

												<td class="db_edit"><img src="<?php echo empty($v['url'])?'lose.png':$v['url']; ?>" width="50" height="50" ></td>

												<td><?php echo $v['password']?></td>
												<td><?php echo $v['login_time']?></td>
                                               <td><?php echo $v['out_time']?></td>


                                               <td filed="sex" class="db_edit"><?php echo $v['sex']? '女':'男'?></td>

												<td filed="age" class="db_edit"><?php echo $v['age']?></td>
												<td filed="age" class="db_edit"><?php echo $v['tel']?></td>
												<td filed="age" class="db_edit"><?php echo $v['emil']?></td>
												<td filed="age" class="db_edit"><?php echo $v['name']?></td>

												<td><?php echo $v['create_time']?></td>

												<td>
												<a href="index.php?c=admin&a=edit&admin=1&id=<?php echo $v['id']?>" class="btn btn-primary"><i class="fa lnr lnr-pencil"></i>编辑</a>
												<br>
												<a href="index.php?c=admin&a=del&id=<?php echo $v['id']?>" onclick="return confirm('确定删除？')"  class="btn D"><i class="Danger lnr lnr-trash"></i>删除</a>

												<br>
												<a href="index.php?c=admin&a=psw&admin=1&id=<?php echo $v['id']?>" class="btn btn-primary"><i class="fa lnr lnr-pencil"></i>改密</a>


												</td>
											</tr>
										<?php } ?>
										</tbody>
									</table>
								</div>
							</div>
							<!-- END BASIC TABLE -->
						</div>
						<div class="col-md-12">
							<!-- TABLE NO PADDING -->
							<div class="page-num">
                            <ul class="ppap">
                           


                            <?php echo $pages;?>



                        <!--     <?php for($i=1;$i<=$total_page;$i++){?>
                            <?php if($i==$cur_page){ ?>
                            <li class="page-cur"><a href="news-list.php"><?php echo $i ?></a></li>
                            <?php } else {?>
                          <li class="page-cur"><a href="news-list.php?p=<?php echo $i ?>"><?php echo $i ?></a></li>
                            <?php } ?>
                            <?php } ?> -->

                           
                           
                            </ul>
                            </div>
							</div>
							<!-- END CONDENSED TABLE -->

							<div class="sel"> 
							<select class="math"> 
								 <option value="5">5</option>
								 <option value="10">10</option>
								 <option value="15">15</option>
							</select>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- END MAIN CONTENT -->
		</div>

		<!-- END MAIN -->
	<script src="resources/assets/jquery-3.2.1.min.js" ></script>
	<script>

		$(function(){
          
			$('.math').change(function(){
             // 抓取到下拉列表的值，存到一个变量里
				var val = $(this).val();
                  // 使用ajax把值传到后台
                  $.ajax({
                      	 type:'get', //传值方式get
                      	url:'index.php?c=admin&a=list&admin=1',//传值路径
                      	dataType:'json',
                      	data:{
                      		// 'id':id,
                      		'val':val,  //要传的值
                      		// 'filed':filed
                      	},     
                      success:function(json){


			       		var html='';
			       			// alert(json[0].password);
			       		var data=json.data;
						for(i in data){   									
								html+='<tr>';
									html+='<td>'+data[i].id+'</td>';

									html+='<td filed="username" class="db_edit">'+data[i].username+'</td>';
                  
                                     var  img=(data[i].url=='')?'lose.png':data[i].url;

					                 html+='<td><img src="'+img+'" width="50" height="50" ></td>';

									/*var img=data[i].url;
                                                 <?php $img_1=empty(data[i].url)?lose.png:img?>
									html+='<td class="db_edit"><img src="'+img_1+'" width="50" height="50" ></td>';*/

									html+='<td>'+data[i].password+'</td>';
									html+='<td>'+data[i].login_time+'</td>';
						            html+='<td>'+data[i].out_time+'</td>';

						            var sex=(data[i].id)?'女':'男';
						            html+=' <td filed="sex" class="db_edit">'+sex+'</td>';
									html+='<td filed="age" class="db_edit">'+data[i].age+'</td>';

                                    html+='<td filed="age" class="db_edit"><?php echo $v['tel']?></td>';
									html+='<td filed="age" class="db_edit"><?php echo $v['emil']?></td>';
									html+='<td filed="age" class="db_edit"><?php echo $v['role_id']?></td>';



									html+='<td>'+data[i].create_time+'</td>';
									html+='<td>';
									html+='<a href="index.php?c=admin&a=edit&admin=1&id='+data[i].id+'"class="btn btn-primary"><i class="fa lnr lnr-pencil"></i>编辑</a>';
									html+='<br>';
									html+='<a href="index.php?c=admin&a=del&id='+data[i].id+'" onclick="return confirm(确定删除？)"  class="btn D"><i class="Danger lnr lnr-trash"></i>删除</a>';
									html+='</td>';
								 html+='</tr>';
						}
			       		// console.log(html);
			       		$('tbody').html(html);
 
			       		$('.ppap').html(json.pages);

			       		dbclick();

			       	}
 


                 })


				


			})
                     
              
	         
	      	// $('.ppap li').click(function(){
	$('.ppap').on('click','li',function(){

           
                
				var val = $('.math').val();
                
		       	var url = $(this).find('a').attr('href');
		       	$.ajax({
		       		type:'get',
		       		url:url,
		       		// data{}
		       		data:{
                      		// 'id':id,
                      		'val':val,
                      		// 'filed':filed
                      	},     
		       		dataType:'json',
		       		// async:turn;
					success:function(json){
			       		var html='';
			       			// alert(json[0].password);
			       		var data=json.data;
						for(i in data){
						       									
								html+='<tr>';
								html+='<td>'+data[i].id+'</td>';
								html+='<td filed="username" class="db_edit">'+data[i].username+'</td>';
                                     


                                     var  img=(data[i].url=='')?'lose.png':data[i].url;

					            html+='<td><img src="'+img+'" width="50" height="50" ></td>';

									/*var img=data[i].url;
                                                 <?php $img_1=empty(data[i].url)?lose.png:img?>
									html+='<td class="db_edit"><img src="'+img_1+'" width="50" height="50" ></td>';*/

									html+='<td>'+data[i].password+'</td>';
									html+='<td>'+data[i].login_time+'</td>';
						            html+='<td>'+data[i].out_time+'</td>';

						            var sex=(data[i].id)?'女':'男';
						            html+=' <td filed="sex" class="db_edit">'+sex+'</td>';
									html+='<td filed="age" class="db_edit">'+data[i].age+'</td>';
									html+='<td filed="age" class="db_edit"><?php echo $v['tel']?></td>';
									html+='<td filed="age" class="db_edit"><?php echo $v['emil']?></td>';
									html+='<td filed="age" class="db_edit"><?php echo $v['role_id']?></td>';

									html+='<td>'+data[i].create_time+'</td>';
									html+='<td>';
									html+='<a href="index.php?c=admin&a=edit&admin=1&id='+data[i].id+'" class="btn btn-primary"><i class="fa lnr lnr-pencil"></i>编辑</a>';
									html+='<br>';
									html+='<a href="index.php?c=admin&a=del&id='+data[i].id+'" onclick="return confirm(确定删除？)"  class="btn D"><i class="Danger lnr lnr-trash"></i>删除</a>';
									html+='</td>';
								html+='</tr>';
						}
			       		// console.log(html);
			       		$('tbody').html(html);
 
			       		$('.ppap').html(json.pages);

			       		dbclick();

			       	} 
		    })
		   

			dbclick();
 
			return false;

	})


 // 把txt存为全局变量
        var txt ='';
	function dbclick(){

		  // 给可更改的内容绑定双击事件
             $('tr').on('dblclick','.db_edit',function(){

             // 	alert(222);
		    // $('.db_edit').dblclick(function(){

		    	var len = $('tbody :text').length;

                // 如果len大于0，说明有input标签  
		    	if(len>0){

                    // 获取已经显示的input的val值
		    		var val=$('tbody :text').val();

		    		// alert(val);

                     // 将tbody :text的父级也就是生成的input的文本换成val里的文本
		    		$('tbody :text').parent().text(val);

		    	}
                  // 把当前点击到的文本存在一个变量里
		    	  txt = $(this).text();
                // 把双击后出现的input框里的文本框存在inp变量里
		    	var inp = '<input class="text" value="'+txt+'" />';
                 // 把它换成inp变量里的文本
		    	$(this).html(inp);

                 // 双击后焦点事件
		    	$('tbody :text').focus();
		    	// 绑定失去焦点事件
		    	$('tbody :text').blur(function(){


                       // 抓取到上一级第一个td标签
					var id = $(this).parent().parent().find('td:first').text();
                       // 自起一个属性名
					var filed = $(this).parent().attr('filed');



		    		// 获取原来输入框的值
                      var val=$(this).val();

                       

                      // 找到原来失去焦点（input）的父级 那个输入框换掉里面的文本内容
                      $(this).parent().text(val);
                 

                     // 如果val==txt,那么表示没任何修改,return false;
                      if(val==txt){
                      	return false;
                      }

                      $.ajax({
                      	type:'post',
                      	url:'index.php?c=admin&a=edit&admin=1',
                      	data:{
                      		'id':id,
                      		'val':val,
                      		'filed':filed

                      	},
                      	success:function(row){ 

                      		if(row>0){
                      			alert('修改成功');
                      		}else{
                      			alert('修改失败');
                      		}


                      	} 


                      })
  

		    })
	})
 }


})

	</script>